<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			img{
			transition:transform 1s;
			animation: dafengche .8s linear infinite;
			
			}
			@keyframes dafengche{
				0%{transform: rotate(45deg);}
				30%{transform: rotate(90deg);}
				50%{transform: rotate(180deg);}
				80%{transform: rotate(270deg);}
				100%{transform:rotate(360deg);}
			}
			
		</style>
	</head>
	<body>
		<!-- 1.引入大风车图片以及音频 -->
		<img src="img/dfc.jpg" alt="大风车" />
		<audio src="img/dafengche.mp3"autoplay controls loop></audio>
	</body>
</html>